/**index.wxss**/
.container{
    padding: 0px;
  }
  page{
    background-color: #fff;
  }
  .userinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 102rpx;
    margin-top: 320rpx;
  }
  
  .userinfo-avatar {
    width: 240rpx;
    height: 240rpx;
    margin: 20rpx;
    border-radius: 50%;
    box-shadow: 0px 1px 5px 1px #a5cef7;
   
  }
  open-data{
    border-radius: 50%!important;
  }
  .userinfo-nickname {
    color: #eee;
  }
  .vcodeBtn_end{
    background-color: #ccc;
    width: 168rpx;
    font-size: 22rpx;
    line-height: 64rpx;
    color: #fff;
  }
  .load{
    position: fixed!important;
    top: 600rpx!important;
  }
  .mottot{
    width:200rpx;
    height: 80rpx;
    text-align: center;
    line-height: 80rpx;
    border: 1px solid #333;
    border-radius: 10px;
    margin-top: 500rpx;
    background-color: #fff;
  }
  .mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    height: 1334rpx;
    background-color: #000;
    opacity: 0.2;
  }
  .loading{
   position: fixed;
   top: 50%;
   width: 400rpx;
   height: 400rpx;
   left: 175rpx;
   text-align: center;
  }
  .isNotLoading{
    display: none;
  }
  .mottot-text{
    display: block;
    /* background-color: #eee!important; */
    width: 98%;
    height: 97%;
    border-radius: 15%;
    font-size:0.9em;
    }
    /* 弹窗 */
  .modal-mask {
      width: 100%;
      height: 100%;
      position: fixed;
      top:0;
      left: 0;
      overflow: hidden;
      z-index: 9000;
      color: #fff;
  }
  .modal-dialog {
      width: 426rpx;
      height: 318rpx;
      overflow: hidden;
      position: fixed;
      top: 392rpx;
      left:160rpx;
      z-index: 9999;
      background: #fff;
      border-radius: 10rpx;
      border: 1px solid #a5e1fe;
      box-shadow: 0px 1px 5px 1px #a5cef7; 
  
  }
  .modal-title {
      font-size: 30rpx;
      color: #030303;
      text-align: center;
  }
  .modal-title-2{
      padding-top: 15rpx;
      font-size:34rpx;
      color: rbga(200,200,200,1);
      text-align: center;
      margin-bottom: 8rpx;
  }
  .modal-input {
    display: flex;
    border-radius: 10rpx;
    font-size: 28rpx;
    padding-left: 15rpx;
    padding-right: 15rpx;
    box-sizing: border-box;
    margin-bottom: 32rpx;
    margin-left: 5%;
    margin-right: 5%;
  }
  .modal-input_2{
    display: flex;
    border-radius: 10rpx;
    font-size: 28rpx;
    padding-left: 15rpx;
    padding-right: 15rpx;
    box-sizing: border-box;
    margin-bottom: 24rpx;
    margin-left: 5%;
    margin-right: 5%;
  }
  .input {
      width: 344rpx;
      height:62rpx;
      font-size: 28rpx;
      line-height: 28rpx;
      padding-left:15rpx;
      box-sizing: border-box;
      color: #333;
      border: 1.5px solid #6bccfc;
      border-radius: 10rpx;
  }
  .shelftip{
     width:90%;
      height:100rpx;
      font-size: 28rpx;
      line-height: 28rpx;
      padding:15rpx;
      box-sizing: border-box;
      color: #333;
      border-radius: 10rpx;
  }
  input-holder {
    color: #666;
    font-size: 28rpx;
  }
  .modal-footer {
      display: flex;
      flex-direction: row;
      height: 48rpx;
      border-top: 1px solid #a5e1fe;
      font-size: 34rpx;
      line-height:57rpx;
   
  }
  .btn-cancel {
      width: 50%;
      color: #666;
      text-align: center;
      border-right: 1px solid #ccc;
  }
  .btn-confirm {
    width: 100%;
    color: #999;
    text-align: center;
    font-size: 34rpx;
  }
  checkbox-group{
    background-color: #ddd;
    padding: 5px;
  }
  label{
    display: inline-block;
    margin: 10rpx;
  }
   .shelfnum_check{
    width:168rpx;
  }
  .inner{
     background-color: orangered;
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 16px;
  
  }
  .inner.inner_tow{
     background-color: #ddd;
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000;
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  
  }
  .touch-move-active .shelf-item-1,
  .touch-move-active .inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .inner.txt{
      background-color: #fff;
      width: 100%;
      z-index: 5;
      padding:0 10rpx;
      transition: left 0.2s ease-in-out;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
  }
  .inner.del{
      background-color: #e64340;
      width: 180rpx;
      text-align: center;
      z-index: 4;
      right: 0;
      color: #fff;
      height:99%;
      line-height: 50px;
  }
  .thumb{
      width: 200px;
      height: 200px;
      -webkit-overflow-scrolling: touch;
      overflow: scroll;
  }
  .startBtn{
    width: 300rpx;
    height:120rpx;
    margin-top:200rpx;
  }
  
  .getUserInfoBtn{
    width: 230rpx;
    height: 76rpx;
    border: 4rpx #abedfd solid;
    background-color: #fff;
    color: #49d4f7;
    border-radius: 36rpx;
    font-size:26rpx;
    line-height: 76rpx;
  }
  .logo{
    width: 352rpx;
    height:164rpx;
    margin-top:228rpx;
    margin-bottom: 54rpx;
  }
  .logo2{
    width: 300rpx;
    height:120rpx;
    margin-top:60rpx;
    margin-bottom: 40rpx;
  }
  
  .foot-text{
    color: #aaa;
    font-size:25rpx;
    margin-bottom: 30rpx;
  }
  .hideIt{
    opacity: 0;
  }
  .vcodeBtn{
    width: 168rpx;
    font-size: 22rpx;
    line-height: 64rpx;
    color: #fff;
   background-color: #336699;
  }
  
  .circle{
    width: 70rpx;
    height: 70rpx;
    border-radius: 50%;
    border: 1px #61a8ee solid;
    line-height: 70rpx;
    text-align: center;
  }
  
  .circle-active{
    background-color: #61a8ee;
    color:#fff;
  }
  
  .authorize-btn{
    background-color:#61a8ee;
    font-size:32rpx; 
    width:600rpx;
    color:#fff;
  }